<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="icon" type="image/svg+xml" href="../../assets/logo.svg"/>
    <link rel="stylesheet" href="../css/news_list.css">
    <title>GOUP—畅享游戏开黑乐趣的社区语音软件</title>
    <meta name="baidu-site-verification" content="codeva-UamzoczYBO"/>
    <meta name="keywords" content="GOUP，goup，Goup，游戏开黑，游戏社区，游戏语音，语音软件，游戏语音软件，开黑软件，开黑">
    <meta name="description" content="GOUP游戏社区，专为热爱游戏的你打造，我们致力于提供一站式游戏开黑，社区交流，语音视频通讯服务，让你可以实现实时的游戏语音交流，清晰无延迟，我们采用先进的音视频处理技术，确保音质，画质清晰，让你在游戏中的每一个指令都被准确传达，GOUP社区还提供丰富的社区功能，你可以在这边发布游戏新的，分享游戏技巧，还能参加各种社区活动，赢取丰厚的奖励，我们的目标是打造一个集游戏开黑，社区交流，语音通讯于一体的综合性游戏开黑服务平台">
    <script src="../js/jquery.js"></script>
    <script src="../js/utils.js"></script>
    <script src="../js/news_list.js"></script>
</head>
<body>
<div class="goup-homepage">
    <div class="goup-home-item disSelected">
        <img alt="" class="item-background" src="https://static.goupapp.com/web/homepage/assets/bg1.png">
        <div class="item-wrapper">
            <div class="top-wrapper">
                <img src="https://static.ntzq.tech/web/homepage/assets/svg/goup_icon.svg" alt="" class="goup-icon"/>
                <div class="menu-wrapper">
                   <span class="menu-item menu-item-homepage">
                       首页
                   </span>
                    <span class="menu-item menu-item-active">
                       资讯
                         <label class="active-line"></label>
                   </span>
                </div>
                <div class="top-right-wrapper">
                   <span class="download-text">
                       <img src="https://static.ntzq.tech/web/homepage/assets/svg/download1.svg" alt="" class="download-icon"/>
                       下载客户端
                   </span>
                    <span class="web-text">
                       进入网页版
                   </span>
                </div>
            </div>
            <div class="news-list-wrapper">
                <div class="news-list-container data-num={{$nums}}">
                    <div class="news-list kaihei-scroll">
                        @foreach ($news as $new)
                            <div class="" data-id="{{ $new->id }}" data-url="{{ $new->id }}">
{{--                                <img alt="" class="item-cover" src="{{ $new->cover }}">--}}
                                <div class="item-details">
                                    <div class="item-title">
                           <span class="item-title-text">
                               {{ $new->title }}
                           </span>
                                        <span class="item-title-time">
                              {{ $new->created_at }}
                           </span>
                                    </div>
                                    <div class="item-subtitle">
                                        {{ $new->summary }}
                                    </div>
                                    <div class="read-count">
                            <span class="news-read-count">
                               <img alt="" src="https://static.ntzq.tech/web/homepage/assets/svg/eye.svg" class="eye-icon">
                              9999
                           </span>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="pagination-container">
                        <div class="pagination-left left">

                        </div>
                        <div class="pagination">
                            <img alt="" class="pagination-icon pagination-prod" src="https://static.ntzq.tech/web/homepage/assets/svg/pagination_prod.svg">
                            <div class="pagination-content">
{{--                                                                        <span class="pagination-index">1</span>--}}
{{--                                                                        <span class="pagination-index pagination-active">2</span>--}}
{{--                                                                        <span class="">--}}
{{--                                                                            ...--}}
{{--                                                                        </span>--}}
{{--                                                                        <span class="pagination-index">10</span>--}}
{{--                                                                       <span class="pagination-index">11</span>--}}
                            </div>
                            <img alt="" class="pagination-icon pagination-next" src="https://static.ntzq.tech/web/homepage/assets/svg/pagination_next.svg">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
